*{
    margin:0;
    padding:0;
}
html,body{
    width:100%;
    height:100%;
    background-color:#000;
    background-image:radial-gradient(circle at center center,rgba(244,23,234,0.2),rgba(0,0,0,0));
    /* background-repeat: no-repeat; */
    overflow: hidden;
}
.wrapper{
    perspective: 1000px;
}
.box{
    position: relative;
    width:120px;
    height: 180px;
    margin:200px auto;
    transform-style: preserve-3d;
}
.box img{
    position: absolute;
    width:100%;
    height:100%;
    -webkit-box-reflect: below 10px  -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.5) 100%);
}